/**
	uffdd @VERSION: http://code.google.com/p/uffdd/
	
	This is only the structural base CSS, include 1+ skin CSS files also.
*/

/* master wrapper; emulate select positioning */

.combo {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: bottom;
    position: relative;
    overflow: visible; 
    width: 20px; /* code will override */
    white-space: nowrap;
    border: 0;
    margin: 0;
    padding: 0;
        
}

/* hide original select */
.combo select {
	display: none;
}

.combo input,
.combo .icon {
	position: relative;
	float: left;
    margin: 0;
}

.combo .icon {
	cursor: pointer;
}

.combo .icon.disabled {
	cursor: default;
}

.combo input disabled {
    color: graytext;
}

/* dropdown */

#uffDDC div.list-wrapper {
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

#uffDDC div.list-scroll {
    overflow: hidden;
	padding: 0;
    margin: 0;
}

/* "drop-up" list wrapper */
#uffDDC div.list-wrapper-up {}

/*dropdown list, items*/
#uffDDC ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#uffDDC li {
    cursor: pointer;
    height: 20px;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

/*active (hovered) list item*/
#uffDDC li.active {
}

#uffDDC .visible {
    display: block;
}

#uffDDC .invisible {
    display: none;
}
